<style type="text/css">
   		.board_box{
			background-color: #ffffff;
			display: block;
			border: 1px solid #e1e1e1;
			margin: 5px 0px;
		}
		.board_phone{
			color: #8C8C8C;
			font-size: 14px;
			padding: 0px 10px;
			margin: 5px 0px;
		}
		.border_date {
			float: right;
		}
		.board_ask{
			padding: 0px 10px;
			margin: 5px 0px;
			font-size: 13px;
		}
		.board_answer_box{
			margin : 5px 0px;
			padding: 0px 10px;
		}
		.board_answer_head{
			color: red;
			font-size: 14px;
		}
		
		.arrow-up {
  			width:0px;
  			height:0px;
  			border-left:5px solid transparent;  /* left arrow slant */
  			border-right:5px solid transparent; /* right arrow slant */
  			border-bottom:5px solid #F0F8FF; /* bottom, add background color here */
  			font-size:0px;
  			line-height:0px;
  			margin-left: 12px;
		}
		.board_answer{
			background-color: #F0F8FF;
			color: #8C8C8C;
			font-weight: bold;
			font-size: 13px;
			padding: 5px;
			margin-bottom: 5px;
			
			-moz-border-radius: 5px;      /* Gecko browsers */
   			-webkit-border-radius: 5px;   /* Webkit browsers */
    		border-radius:5px;            /* W3C syntax */
			
		}
</style>
<ion-view>
    <ion-content style="background-color:#f5f5f5;">
    	<ion-list>
			  <div class="board_box">
			   	  <div class="board_phone">
			   	  	<span class="border_user">张三</span>
			   	  	<span class="border_date">2017-05-01</span>
			   	  </div>
			   	  <p class="board_ask">这里是留言内容11111111111111111111111111111111111111111111111111111111</p>
			   	  <div class="board_answer_box">
			   	  	<span class="board_answer_head">回复</span>
			   	  	<div class="arrow-up"></div>
			   	  	<div class="board_answer">
			   	  		这里是回复内容aaaaaaaaaaaaaa这里是回复内容aaaaaaa这里是回复内容aaaaaaaaaaaa
			   	  	</div>
			   	  </div>
			  </div>
			  <div class="board_box">
			   	  <div class="board_phone">
			   	  	<span class="border_user">张三</span>
			   	  	<span class="border_date">2017-05-01</span>
			   	  </div>
			   	  <p class="board_ask">这里是留言内容11111111111111111111111111111111111111111111111111111111</p>
			   	  <div class="board_answer_box">
			   	  	<span class="board_answer_head">回复</span>
			   	  	<div class="arrow-up"></div>
			   	  	<div class="board_answer">
			   	  		这里是回复内容aaaaaaaaaaaaaa这里是回复内容aaaaaaa这里是回复内容aaaaaaaaaaaa
			   	  	</div>
			   	  </div>
			  </div>
		</ion-list>
		<ion-infinite-scroll ng-if="hasmore" on-infinite="loadMore()" distance="1%"></ion-infinite-scroll>
    </ion-content>
    <ion-footer-bar style="padding:0px;">
    	<button class="button button-clear button-block  button-positive" style="margin: 0px;background-color: #387ef5;color: #fff;" ng-click="toBoardEdit()">我要留言</button>
    </ion-footer-bar>
</ion-view>